body {font-family: 'Calibri',Arial,Helvetica,sans-serif; font-display: swap; font-size: 12pt;}
.gridcoloured-template .header .header-large .grid-menu .menu-item {flex-basis: 18%; border-radius: 8px; background-color: #00A9A1; min-height: 130px;}
.gridcoloured-template .header .header-large .grid-menu .menu-item:hover {background-color: #008480;}
.gridcoloured-template .header .header-large .headerlogo .logo img {max-height: 50%;}
.gridcoloured-template .header .dropdown .dropdown-hamburger {background-color: #969090;}
#OpeningTimesPage #SiteList {display:none;}

/*
//top contact bar
.gridcoloured-template .header .header-large h2 {
    margin-top: 10px;
    color: #fff;
text-shadow: none;
font-size: 0.95em;
position: absolute;
top: 0px;
background-color:#005eb8;
    text-align: center;
    padding: 10px;
}

@media (max-width:650px) {
.gridcoloured-template .header .header-large h2 {display:none;}
}

.gridcoloured-template .header .header-large {
padding-top: 55px;
}

@media (max-width:1200px) {
  .gridcoloured-template .header .header-large {
padding-top: 70px;
  }}

@media (max-width:650px) {
  .gridcoloured-template .header .header-large {
padding-top: 5px;
  }}
*/

.gridcoloured-template .header .header-large h1 {display: none;}

.gridcoloured-template .header .header-large h1 {font-size: xxx-large;}
.gridcoloured-template .header .header-large .grid-menu {font-size: x-large;}
.gridcoloured-template .header .header-large .grid-menu .menu-item:nth-child(10) {background-color: #a061a7;}


/* New CSS after bootstrap update */

.gridcoloured-template .header .header-large .grid-menu div:nth-child(1) .menu-item {background: #00a9a1;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(2) .menu-item {background: #00a9a1;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(3) .menu-item {background: #00a9a1;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(4) .menu-item {background: #00a9a1;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(5) .menu-item {background: #00a9a1;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(6) .menu-item {background: #00a9a1;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(7) .menu-item {background: #00a9a1;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(8) .menu-item {background: #00a9a1;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(9) .menu-item {background: #00a9a1;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(10) .menu-item {background: #a061a7;}

.gridcoloured-template .header .header-large .grid-menu div:nth-child(1) {width: 15% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(2) {width: 15% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(3) {width: 15% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(4) {width: 15% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(5) {width: 15% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(6) {width: 15% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(7) {width: 15% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(8) {width: 15% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(9) {width: 15% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(10) {width: 15% !important;}

@media only screen and (max-width: 900px) {
.gridcoloured-template .header .header-large .grid-menu div:nth-child(1) {width: 33% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(2) {width: 33% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(3) {width: 33% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(4) {width: 33% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(5) {width: 33% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(6) {width: 33% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(7) {width: 33% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(8) {width: 33% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(9) {width: 33% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(10) {width: 33% !important;}
}
 
@media only screen and (max-width: 600px) {
.gridcoloured-template .header .header-large .grid-menu div:nth-child(1) {width: 45% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(2) {width: 45% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(3) {width: 45% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(4) {width: 45% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(5) {width: 45% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(6) {width: 45% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(7) {width: 45% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(8) {width: 45% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(9) {width: 45% !important;}
.gridcoloured-template .header .header-large .grid-menu div:nth-child(10) {width: 45% !important;}
}